<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">

 <rich:panel rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0 or GestionDesSaisiesControleur.modele.inscription}">
		        <h:panelGrid columns="3">
		          			<h:panelGroup>
		          				<h:outputLabel id="modePaiementLabel" for="modepaiement"  value="Mode de paiement" styleClass="label"/>
		          				<h:selectOneMenu id="modepaiement"  value="#{GestionDesSaisiesControleur.modele.modePaiement}"
		          					valueChangeListener="#{GestionDesSaisiesControleur.valueChanged}" required="true" requiredMessage="Requis">
						        	<f:selectItem  itemLabel="Séléctionner le mode de paiement" itemValue="" />
						        	<f:selectItem  itemLabel="Paiement par éspèce" itemValue="espece" />
						        	<f:selectItem  itemLabel="Paiement par chèque" itemValue="cheque" />
						        	<a4j:ajax event="valueChange" render="modepaiementcheque,montanttotalaregler" execute="@this" />
					    		</h:selectOneMenu>
		          			</h:panelGroup>
		          			<h:panelGroup>
		          				
		          			</h:panelGroup>
		          </h:panelGrid>
		          <a4j:outputPanel id="montanttotalaregler" >
	          	<h:panelGrid columns="3" >
	          			<h:panelGroup>
	          				<h:outputLabel id="montantareglerLabel"   value="Montant à régler" styleClass="label"/>
		          			<h:outputText id="montantaregler"   value="#{GestionDesSaisiesControleur.modele.montanttotal}" />
	          			</h:panelGroup>
	          	</h:panelGrid>
	          </a4j:outputPanel>
	          </rich:panel>
	          
	        <a4j:outputPanel id="modepaiementcheque" >
	        <rich:panel  header="Saisie chèque"  rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
	        	<h:panelGrid columns="3" rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
	          			<h:panelGroup>
	          				<h:outputLabel id="numchequeLabel" for="numcheque"  value="Numéro du chèque" styleClass="label"/>
	          				<h:inputText value="#{GestionDesSaisiesControleur.modele.numerocheque}" id="numcheque"/>
	          			</h:panelGroup>
	          	</h:panelGrid>
	          	<h:panelGrid columns="3"  rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
	          			<h:panelGroup>
	          				<h:outputLabel id="banqueLabel" for="banque"  value="Banque" styleClass="label"/>
	          				<h:selectOneMenu id="banque"  value="#{GestionDesSaisiesControleur.modele.banque}">
					        	<f:selectItem  itemLabel="Séléctionner la banque" itemValue="" />
					        	<f:selectItem  itemLabel="BANQUE POPULAIRE" itemValue="BANQUE POPULAIRE" />
					        	<f:selectItem  itemLabel="BMCI" itemValue="BMCI" />
					        	<f:selectItem  itemLabel="BMCE" itemValue="BMCE" />
					        	<f:selectItem  itemLabel="CIH" itemValue="CIH" />
					        	<f:selectItem  itemLabel="ATTIJARI WAFA BANQUE" itemValue="ATTIJARI WAFA BANQUE" />
					        	<f:selectItem  itemLabel="CREDIT AGRICOLE" itemValue="CA" />
					        	<f:selectItem  itemLabel="CREDIT DU MAROC" itemValue="CREDIT DU MAROC" />
					        	<f:selectItem  itemLabel="SOCIETE GENERALE" itemValue="SOCIETE GENERALE" />
				    		</h:selectOneMenu>
	          			</h:panelGroup>
	          	</h:panelGrid>
	          	<h:panelGrid columns="3"  rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
	          			<h:panelGroup>
	          				<h:outputLabel id="proprietaireLabel" for="proprietaire"  value="Propriétaire du chèque" styleClass="label"/>
	          				<h:inputText value="#{GestionDesSaisiesControleur.modele.proprietairecheque}" id="proprietaire"/>
	          			</h:panelGroup>
	          	</h:panelGrid>
	          	<h:panelGrid columns="3"  rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
	          			<h:panelGroup>
	          				<h:outputLabel id="montantLabel" for="montant"  value="Montant du chèque" styleClass="label"/>
	          				<h:inputText value="#{GestionDesSaisiesControleur.modele.montantcheque}" id="montant"/>
	          			</h:panelGroup>
	          	</h:panelGrid>
	          	
	          	
    			
	        </rich:panel>
	        </a4j:outputPanel>
	        <div class="navPanel" style="width:100%;">
				    <a4j:commandButton value="&lt;&lt;Précédent" style="float:left">
				        <rich:toggleControl targetItem="@prev" event="click"/>
				    </a4j:commandButton>
				    <a4j:commandButton value="Suivant &gt;&gt;"  style="float:right">
				        <rich:toggleControl targetItem="@next" event="click"/>
				    </a4j:commandButton>
    			</div>
</ui:composition>      